<?php include_once("../Classes/Pagina.php"); ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script src="jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
$("#txtMatricula").mask("999");
});
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
input.enviar{
	margin-top: 10px;
	margin-left: 30px;
}
body{
	z-index: 0;
}
input.cadastroFuncionario{
	margin-top: 5px;
	margin-bottom: 5px;
}
p.tituloCadastro{
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
}
#erro{
	z-index: 2;
	display: none;
	margin-top: -215px;
	margin-left: 290px;
	position: absolute;
	color: #F00;
}
#erro p{
	display: block;
}
#tudoCadastroFuncionario{
	z-index: 1;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="tudoCadastroFuncionario">
<table width="200" border="0" cellpadding="1px">
  <tr>
    <td colspan="2"><p class="tituloCadastro">Cadastrar Funcionário</p></td>
  </tr>
  <tr>
    <td>Matricula:</td>
    <td><input type="text" id="txtMatricula" name="txtMatricula" size="10" class="cadastroFuncionario"  /></td>
  </tr>
  <tr>
    <td>Nome:</td>
    <td><input type="text" id="txtNome" name="txtNome" size="60" class="cadastroFuncionario"  /></td>
  </tr>
  <tr>
    <td>Funçao:</td>
    <td><select id="selFuncao" name="selFuncao"><?php Pagina::selectFuncao();  ?></select></td>
  </tr>
  <tr>
    <td>Area de Responsabilidade:</td>
    <td><select id="selAreaResponsabilidade" name="selAreaResponsabilidade"><?php Pagina::selectAreaResponsabilidade(); ?></select></td>
  </tr>
  <tr>
    <td>Perfil do usuário:</td>
    <td><select id="selPerfil" name="selPerfil"><?php Pagina::selectPerfil();  ?></select></td>
  </tr>
  <tr>
    <td>Senha:</td>
    <td><input type="password" id="txtSenha" name="txtSenha" maxlength="10"  class="cadastroFuncionario" /></td>
  </tr>
  <tr>
    <td>Digite a senha novamente: </td>
    <td><input type="password" id="txtSenhaNovamente" name="txtSenhaNovamente" maxlength="10"  /></td>
  </tr>
   <tr>
    <td colspan="2"><input type="button" class="enviar" id="btnEnviarFuncionario" value="Cadastrar" class="cadastroFuncionario" /> </td>
  </tr>
</table>
</div>
<div id="erro">
Os seguintes erros ocorreram: 
</div>
</body>
</html>